.one {
    height: 100px;
    display: flex;
    justify-content: space-between;
}

.one1 {
    height: 100px;
    display: flex;
    align-items: center;
    margin-right: 50px;
    flex: 2.5;
    justify-content: space-between;

}

.left1 {
    flex: 3;
}

.img1 {
    display: inline-block;

}

.img1:hover {
    background-color: red;
    cursor: pointer;
}

.btn1 {
    background-color: #FFCC00;
}

li {
    font-size: 16px;
}

.row {
    padding: 0 20px;
}

.img-h {
    height: 420px;
    width: 100%;
}

.right {
    display: flex;
}

.right-left {
    flex: 1;
}

.right-right {
    flex: 2;
}

.bl {
    display: inline-block;
}

.center1 {
    margin-left: 100px;
}

.down {
    display: flex;
    margin: 50px 50px;

    justify-content: space-between;

}

.down-one {
    flex: 1;
    border: 1px solid yell;


}

.down h4 {
    margin-left: 40px;
    line-height: 50px;
    border-bottom: 2px solid #ccc;
}

.f_nav li {

    list-style-type: none;
    color: #ccc;
}

.f_nav li a {
    color: #777777;

}

.fl {


    overflow: hidden;
}

.dong {
    display: block;
    animation: run linear 8s infinite;
    overflow: hidden;
    line-height: 40px;
    color: red;


}

.nav {
    border-bottom: 1px solid #ccc;
}

.fl img,
textarea,
.bt-margin {
    margin-top: 10px;
}

@keyframes run {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(110%);
    }

}

.fl-color {
    font-size: 20px;
    color: red;
}

.fra {
    margin-top: 50px;
}

.fl-font {
    font-size: 25px;
    font-weight: bolder;
    color: black;
}

.footer {
    background-color: #006680;
    color: white;
    font-size: 12px;
    text-align: center;

}

.nav-one {
    font-size: 12px;
    display: inline-block;
    margin-right: 100px;
    color: white;

}

.color-nav {
    background-color: #006680;

}

.content {
    width: 950px;

    margin: 10px auto;
}

.two {
    line-height: 200px;

    margin: 10;
}

.two h1 {
    line-height: 100px;
}

.content-register {
    border: 1px solid #ccc;
    padding: 35px 30px;
    background-image: url(images/register_bg.jpg);
}

.cart1 {
    display: flex;
    justify-content: space-between;
}

.cart1-right,
.cart1-left {
    margin: 0 40px;
    font-size: 20px;
}

.cart1-right img,
.cart1-left img {
    margin: 0;
}

.card2 {
    display: flex;
    margin: 20px 40px;
    padding: 5px;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #777777 ;
}

.card2-left {
    display: flex;
    align-items: flex-end;
    /* border: 1px solid red ; */


}

.cart2-icon {
    display: flex;
    width: 100px;

    align-items: center;
    background-color: tomato;
    justify-content: space-around;
    /* border: 1px solid red ; */

}

.cart2-middle {
    margin-left: 40px;

}

.cart2-middle h4 {
    line-height: 40px;
}

.card-mg {
    margin: 50px 140px;
}

.middle-pic1 img {

    margin: 5px;
}
.admin-right{
    margin-right: 20px;
}
.admin-content{
    width: 800px;
    display: flex;
    margin: 10px auto;
    justify-content: space-between;
    align-items: center;
}
.admin-fl{
  
    position: relative;
    top: 28px;
    left: -10px;
    z-index: 2;
    color: #777777;
    margin-top: -20px;
   
}

.admin-in{
    padding-left: 40px;
}

.btn-deng{
   
    padding:10px 120px ;
}
.admin-vip{
    font-size: 20px;
}
.admin-float2{
    float: right;
}
.admin-logo{
    width: 800px;  
    display: flex; 
    margin: 10px auto;
    margin-top: 50px;
    align-items: center;
}
